<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>商家信息录入</title>
	</head>

	<body>
		<div id="own"></div>
		<form onsubmit="add(event)">
			<p style="font-size: 30px;color: red;">不能有错别字！！！！</p>
			<p>商家名称：<input type="text" id="shopname" />备注：可作为关键字搜索</p>
			<p>商家图片：<input type="text" id="shopimg" />统一路径：img/...(统一把商家图片放入商家页文件夹，最后整合后小组互传)</p>
			<p>分类：<input type="text" id="classify" /></p>
			<div id="" style="border: 1px solid red;">
				<p>分类由两大模块组成：<b>全局分类</b>和<b>局部分类</b></p>
				<p>全部商家快餐便当：简餐，盖浇饭，麻辣烫，米粉面馆，黄焖鸡，汉堡，煲仔饭，麻辣香锅</p>
				<p>全部商家特色菜系：东北菜，江浙菜，粤菜，西北菜，川湘菜，鲁菜</p>
				<p>全部商家异国料理：日韩料理，西餐，意面披萨，东南亚菜</p>
				<p>全部商家甜品饮品：蛋糕，面包，饮料，冰淇淋</p>
				<p>全部商家为<b>必填</b>项，后面属性可选填</p>
				<p>格式：<b>①全部商家,快餐便当,简餐②全部商家,快餐便当,简餐,盖饭,黄焖鸡③全部商家,快餐便当,简餐,盖饭,黄焖鸡,特色菜系,东北菜</b>(可添加多个属性)</p>
			</div>
			<p>商品分类：<input type="text" id="classify" /></p>
			<div class="" style="border: 1px solid red;">
				<p>商品分类指他的店铺包括哪些类型的产品，每个商家不一样，例如：</p>
				<p><b>热销，主食，炒菜，特色小吃等等</b>自己发挥，高大上一点，可参考饿了么商家详情页分类列表</p>
				<p>录入一个数组，格式：<b>[热销,主食,炒菜,特色小吃]</b></p>
			</div>
			<p>销量：<input type="text" id="salenum" />*例：135</p>
			<p>起送价：<input type="text" id="startprice" />*例：15</p>
			<p>配送费：<input type="text" id="sendprice" />*例：3</p>
			<p>评分：<input type="text" id="grade" />备注：1~5之间，可为小数，如4.3</p>
			<p>坐标：<input type="text" id="shopmap" value="''" />备注：可以空</p>
			<p>地址：<input type="text" id="adress" />备注：精确到街道，例：上海市浦东新区康桥镇秀浦路791号</p>
			<p>公告：<input type="text" id="notice" />*</p>
			<p>营业时间：<input type="text" id="shophours" />备注：统一传入整数，格式为{"start":8,"end":20}</p>
			<p>商家属性1：<input type="text" id="attr1" />备注：true，false</p>
			<p>商家属性2：<input type="text" id="attr2" />备注：true，false</p>
			<p>商家属性3：<input type="text" id="attr3" />备注：true，false</p>
			<input type="submit" value="添加" />
		</form>
		<script src="../public/js/Zepto_min.js" type="text/javascript" charset="utf-8"></script>
		<script src="//cdn1.lncld.net/static/js/2.1.2/av-min.js"></script>
		<script type="text/javascript">
			function init() {
				var APP_ID = 'c4w6bVvWfh8xxcmkBE1G0gIt-gzGzoHsz';
				var APP_KEY = 'JBikg4Ksk76zcTi5BKYWvTJF';
				AV.init({
					appId: APP_ID,
					appKey: APP_KEY
				});
				//管理員登陸
				AV.User.logIn("WANG", "123456").then(function(loginedUser) {
					document.getElementById("own").innerHTML = "欢迎管理员" + loginedUser.attributes.username;
				}, function(error) {
					console.log("请正确输入用户名密码");
				});
			}
			init();

			function add(e) {
				e.preventDefault();
				var shopname = $('#shopname').val();
				var shopimg = $('#shopimg').val();
				var classify = $('#classify').val();
				var salenum = $('#salenum').val();
				var startprice = $('#startprice').val();
				var sendprice = $('#sendprice').val();
				var grade = $('#grade').val();
				var shopmap = $('#shopmap').val();
				var adress = $('#adress').val();
				var notice = $('#notice').val();
				var shophours = $('#shophours').val();
				var attr1 = $('#attr1').val();
				var attr2 = $('#attr2').val();
				var attr3 = $('#attr3').val();
				// LeanCloud - 当前用户
				// https://leancloud.cn/docs/leanstorage_guide-js.html#当前用户
				var currentUser = AV.User.current();
				// LeanCloud - 对象
				// https://leancloud.cn/docs/leanstorage_guide-js.html#数据类型
				var Product = AV.Object.extend('ELM_shop');
				var product = new Product();
				product.set('shopname', shopname);
				product.set('shopimg', shopimg);
				product.set('classify', classify);
				product.set('salenum', salenum);
				product.set('startprice', startprice);
				product.set('sendprice', sendprice);
				product.set('grade', grade);
				product.set('shopmap', shopmap);
				product.set('adress', adress);
				product.set('notice', notice);
				product.set('shophours', shophours);
				product.set('attr1', attr1);
				product.set('attr2', attr2);
				product.set('attr3', attr3);
				product.save().then(function() {
					//  发布成功
					alert("发布成功,确定继续添加");
					$('#shopname').val("");
					$('#shopimg').val("");
					$('#classify').val("");
					$('#salenum').val("");
					$('#startprice').val("");
					$('#sendprice').val("");
					$('#grade').val("");
					$('#shopmap').val("");
					$('#adress').val("");
					$('#notice').val("");
					$('#shophours').val("");
					$('#attr1').val("");
					$('#attr2').val("");
					$('#attr3').val("");
				}, function(error) {
					alert("添加失败");
					alert(JSON.stringify(error));
				});
			}
		</script>
	</body>

</html>